Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: Ensure consistent course card heights on '/courses' page #1337

Merged

Conversation

Shrihari10
Copy link
Contributor

Resolves #1262

What changes did you make and why did you make them?

  • Set a uniform height for all course cards on the '/courses' page to address UI inconsistencies caused by varying title lengths.
  • Implement responsive design adjustments to maintain consistent card heights across different devices (mobile, browser, tablet, etc).
  • Verified that the course card heights remain uniform and responsive on various screen sizes.

Did you run tests? Share screenshot of results:

Yes
image

How did you find us? (GitHub, Google search, social media, etc.):

https://forgoodfirstissue.github.com/

Set a uniform height for all course cards to address UI inconsistencies caused by varying title lengths
Copy link

vercel bot commented Feb 20, 2025

@Shrihari10 is attempting to deploy a commit to the Chayn Team on Vercel.

A member of the Team first needs to authorize it.

@kyleecodes kyleecodes self-requested a review February 28, 2025 23:14
@kyleecodes kyleecodes self-assigned this Feb 28, 2025
Modified WebkitLineClamp in titleStyle from 2 to 3 to align title visibility and aesthetics.
Copy link
Member

@kyleecodes kyleecodes left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Course cards are responsive and consistent. Nice use of webkit-box.
I modified webkitlineclamp in titleStyle from 2 to 3 to align title visibilty and aesthetics more with the current design.
Thank you @Shrihari10

@kyleecodes kyleecodes merged commit 5201772 into chaynHQ:develop Mar 1, 2025
3 of 5 checks passed
Copy link

cypress bot commented Mar 1, 2025

Bloom frontend    Run #1058

Run Properties:  status check passed Passed #1058  •  git commit 5201772f29: fix: Ensure consistent course card heights on '/courses' page (#1337)
Project Bloom frontend
Branch Review develop
Run status status check passed Passed #1058
Run duration 03m 42s
Commit git commit 5201772f29: fix: Ensure consistent course card heights on '/courses' page (#1337)
Committer Shrihari10
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 9
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 77
View all changes introduced in this branch ↗︎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Ensure consistent and responsive course card heights on /courses page
2 participants